

/* Media Queries
*********************************************************************************/

/*
Small Screen:
1024 - 1200
Colapsan los margenes del container
*/

@media screen and (max-width: 1200px) {

	.app-ss .container {
		width: auto;
	}

	.app-ss header .container,
	.app-ss nav .container {
		padding: 0 2em;
	}
	
	.app-ss .search {
		right: 2em;
	}
	
	.app-ss .sidebar {
		width: 25%;
	}
	
	.app-ss .content {
		margin-bottom: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-top: 1px solid #BBB;
	}
	
	
}


/*
Netbook:
768 - 1024
El sidebar aparece abajo
*/

@media screen and (max-width: 990px) {

	.app-ss .container {
		width: auto;
	}
	
	.app-ss .content .main {
		display: block;
		width: auto;
	}
	
	.app-ss .content .sidebar {
		display: block;
		width: 100%;
	}

}


/* Smartphone */
@media screen and (min-width:1px) and (max-width: 768px) {



}

